.content {
  padding-top: 24rpx;
  // padding-bottom: 256rpx;
  width: 750rpx;
  background: #f5f5f5;

  ::v-deep .uni-load-more {
    padding-bottom: constant(safe-area-inset-bottom);
    padding-bottom: env(safe-area-inset-bottom);
  }

  .content-card {
    width: 702rpx;
    background: #ffffff;
    margin: 0 auto;

    .content-box {
      width: 640rpx;
      height: 160rpx;
      margin: 0 auto;
      display: flex;
      padding: 22rpx 0;
      .content-left {
        width: 160rpx;
        height: 160rpx;
        border-radius: 8rpx 8rpx 8rpx 8rpx;
        margin-right: 26rpx;

        image {
          width: 100%;
          height: 100%;
          border-radius: 8rpx 8rpx 8rpx 8rpx;
        }
      }
      .content-right {
        width: 454rpx;
        display: flex;
        justify-content: space-between;
        flex-direction: column;
        text:nth-child(1) {
          width: 350rpx;
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap;
          color: #333333;
          font-size: 28rpx;
        }
        text:nth-child(2) {
          color: #8c8c8c;
          font-size: 24rpx;
        }
        text:nth-child(3) {
          color: #262626;
          font-size: 28rpx;
        }
      }
    }
  }
  .nodate-bt {
    width: 480rpx;
    height: 480rpx;
    margin: 0 auto;
    margin-top: 226rpx;
    image {
      width: 480rpx;
      height: 480rpx;
    }
  }
}
